<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="../js/jquery-1.4.2.js"></script>
<script type="text/javascript">
//页面加载完成事件
	$(function(){
		//给按钮1添加事件
		$("#b1").click(function(){
			var js = document.getElementById("i1");
			//var jq = $(js);
			alert($(js).val());
		});
		//给按钮2添加事件
		$("#b2").click(function(){
			//得到jq对象
			var jq =$("#i1");
		//把jq转回js对象
		//jq对象实际上就是一个数组,对数组进行了各种扩展
		var js = jq[0];
		alert(js.value);
		});
	});
</script>
</head>
<body>
<input type="text" id="i1">
<input type="button" value="Java Script转jquery " id="b1">
<input type="button" value="jq转js" id="b2">
</body>
</html>